<!--  -->
<template>
  <div class="map">
    <div class="navs">
      <Navs />
    </div>
    <div class="content">
      <div class="subject">
        <Subject />
      </div>
      <div class="maps">
        <Plat />
      </div>
      <div class="tabals">
        <Bas />
      </div>
    </div>
  </div>
</template>

<script>
import Subject from '@/components/admin/maps/Sub.vue'
import Plat from '@/components/admin/maps/Plat.vue'
import Bas from '@/components/admin/maps/Bas.vue'
import Navs from '@/components/admin/maps/Navs.vue'
export default {
  components: {
    Subject,
    Plat,
    Bas,
    Navs,
  },
  data() {
    return {}
  },
  created() {},
  methods: {},
  beforeDestroy() {},
}
</script>

<style lang='scss' scoped>
.map {
  width: 100%;
  height: 794px;
  background: #f0f2f5;
  .content {
    margin-top: 25px;
    width: 100%;
    height: 794px;
    display: flex;
    .subject {
      width: 20%;
      height: 794px;
      background: #fff;
    }
    .maps {
      margin-left: 10px;
      width: 50%;
      height: 794px;
    }
    .tabals {
      width: 30%;
      height: 794px;
      background: #fff;
    }
  }
}
</style>
